<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Clínica Riobamba</title>
        <h:outputStylesheet name="./css/default.css"/>
        <style type="text/css">
            .ui-layout-north .ui-layout-unit-content {
                overflow: visible !important;    
            }
            .ui-layout-south .ui-layout-unit-content  {

                overflow: visible !important;    
            }


        </style>

    </h:head>

    <h:body  style="margin: 0px 200px; background-color:#eff9fc">
        <p:layout fullPage="false"  style="height:98%"  >
            <p:layoutUnit position="north" >
                <ui:insert name="top">
                    <h:form>
                        <p:commandLink id="CerrarSesion"  style=" float:right; margin-left: 10px " actionListener="#{loginController.cierre(actionEvent)}">  
                            <h:outputText value="Cerrar Sesion" />  
                        </p:commandLink>  
                        <h:outputText value="#{loginController.nombre} #{loginController.apellido}" style=" float:right; margin-left: 5px "/>
                        <b>  <h:outputText value="Usuario:" style=" float:right"/> </b>
                    </h:form>

                    <center> <p:graphicImage value="/resources/images/banner_1.jpg" style="width: 100%"/> </center>

                </ui:insert>
            </p:layoutUnit>

            <p:layoutUnit position="center" >
                <ui:insert name="contentS" >Content</ui:insert>
            </p:layoutUnit>

            <p:layoutUnit  position="west" size="200" collapsible="true" header="Menú" >
                <ui:insert name="left" >

                    <h:form>
                        <p:accordionPanel>
                            <p:tab title="Administración de Usuarios" >

                                <h:outputLink id="Usuarios"  style="margin-left:10px;" value="./Administrar_Usuario.xhtml">  
                                    <h:outputText value="Administrador" />  
                                </h:outputLink>
                                <br /> <br />
                                <h:outputLink id="Paciente"  style="margin-left:10px;" value="./Administrar_Paciente.xhtml">  
                                    <h:outputText value="Paciente" />  
                                </h:outputLink>
                                <br /> <br />
                                <h:outputLink id="Profesional"  style="margin-left:10px;" value="./Administrar_Profesional_Salud.xhtml">  
                                    <h:outputText value="Médico" />  
                                </h:outputLink>

                            </p:tab>

                            <p:tab title="Administración de HCE" >

                                <h:outputLink id="Organizacion"  style="margin-left:10px;" value="./Administrar_Organizacion.xhtml">  
                                    <h:outputText value="Organización" />  
                                </h:outputLink>
                                <br /> <br />
                                <h:outputLink id="Dependencia"  style="margin-left:10px;" value="./Administrar_Dependencia.xhtml">  
                                    <h:outputText value="Dependencia" />  
                                </h:outputLink>
                                 <br /> <br />
                                 <h:outputLink id="OrgDependencia"  style="margin-left:10px;" value="./Administrar_Organizacion_Dependencia.xhtml">  
                                    <h:outputText value="Org-Dependencia" />  
                                </h:outputLink>
                               
                                
                                <br /> <br />
                                <h:outputLink id="Medicamento"  style="margin-left:10px;" value="./Administrar_Medicamento.xhtml">  
                                    <h:outputText value="Medicamento" />  
                                </h:outputLink>
                                <br /> <br />
                                <h:outputLink id="Examen"  style="margin-left:10px;" value="./Administrar_Examen.xhtml">  
                                    <h:outputText value="Examen" />  
                                </h:outputLink>
                                <br /> <br />
                                <h:outputLink id="TipoEntrada"  style="margin-left:10px;" value="./Administrar_Tipo_Entrada.xhtml">  
                                    <h:outputText value="Tipo Entrada" />  
                                </h:outputLink>

                            </p:tab>

                            <p:tab title="Administración General" >

                                <h:outputLink id="Etnia"  style="margin-left:10px;" value="./Administrar_Etnia.xhtml">  
                                    <h:outputText value="Etnia" />  
                                </h:outputLink>
                                <br /> <br />
                                <h:outputLink id="EstadoCivil"  style="margin-left:10px;" value="./Administrar_Estado_Civil.xhtml">  
                                    <h:outputText value="Estado Civil" />  
                                </h:outputLink>

                            </p:tab>
                        </p:accordionPanel>
                    </h:form>
                </ui:insert>
            </p:layoutUnit>
            <p:layoutUnit position="south" >
                <h:form>
                    <h:outputText  value="Dirección: Av. Unidad Nacional y Uruguay  | Telf: (593) (3) 2961386" style="font-size: 10px; float: right"/>

                </h:form>
            </p:layoutUnit>

        </p:layout>  
        <ui:insert name="dialogos">

        </ui:insert>
    </h:body>



</html>
